<template>
  <div class="box">
    <!-- 头部搜索 -->
    <div class="header-search">
      <el-form :inline="true">
        <el-form-item label="关键字">
          <el-input v-model="input" placeholder="根据编号搜索"></el-input>
        </el-form-item>
        <el-form-item class="form-anniu">
          <el-button class="reset" size="small">清除</el-button>
          <el-button type="primary" class="search" size="small">查询</el-button>
        </el-form-item>
      </el-form>
      <!-- 提示文字 -->
      <el-alert type="info" show-icon :closable="false">
        <span>数据一共 178 条</span>
      </el-alert>
      <!-- 表格 -->
      <el-table style="width: 100%" highlight-current-row>
        <el-table-column label="编号"></el-table-column>
        <el-table-column label="题型"></el-table-column>
        <el-table-column label="题目编号"></el-table-column>
        <el-table-column label="录入时间"></el-table-column>
        <el-table-column label="答题时间(s)"></el-table-column>
        <el-table-column label="正确率(%)"></el-table-column>
        <el-table-column label="录入人"></el-table-column>
        <el-table-column label="操作"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import { randoms } from "@/api/hmmm/questions";
export default {
  name: "GroupQuestions",
  components: {},
  props: {},
  data() {
    return {
      input: "",
      params: {
        page: 1,
        pagesize: 5,
      },
    };
  },
  computed: {},
  watch: {},
  created() {
    this.randoms();
  },
  methods: {
    async randoms() {
      const res = await randoms(this.params);
      console.log(res);
    },
  },
};
</script>

<style scoped lang="scss">
.box {
  padding: 20px;
  .header-search {
    padding: 20px;
    background-color: #fff;
    position: relative;
  }
}
.form-anniu {
  position: absolute;
  right: 20px;
  top: 20px;
}
</style>
